<template>
  <div class="h-screen w-screen flex overflow-hidden">
    <!-- 左侧导航栏 -->
    <MenuComponent />
    <div class="flex-1 min-h-0 min-w-0 flex flex-col">
      <!-- 顶部导航栏 -->
      <NavbarComponent />
      <!-- 历史导航栏 -->
      <HistoryLinkComponent />
      <!-- 内容展示区域 -->
      <div class="flex-1 min-h-0 min-w-0">
        <router-view />
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import NavbarComponent from "@/layouts/front/navbar.vue";
import MenuComponent from "@/layouts/front/menu.vue";
import HistoryLinkComponent from "@/layouts/front/historyLink.vue"
import { useRoute } from "vue-router";
import { watch } from "vue";
import menu from "@/composables/menu";
const route = useRoute()

watch(route, () => {
  menu.addHistoryMenu(route)
}, { immediate: true })


</script>

<style scoped lang="scss"></style>
